body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{font-size: 48px; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;}
.tit01 a{color: #333333; }
.tit01 em{display: block;font-size: 20px;line-height: 42px;color: #e5e5e5;text-transform: uppercase; font-weight: normal;}
.tit01 p{ font-weight: normal; display: block;font-size: 18px;color: #333333; line-height: 42px;margin-top:5px;padding-top:13px;background: url(../image/xtitle.png) no-repeat center top;}

/**/
.yybj{height: 532px; background:#f5f5f5; padding-top:50px;box-sizing: border-box;  font-family:"Microsoft Yahei";position: relative;}
.yy{width:1200px;margin:0 auto;position: relative; }
.yy dl{height:402px;}
.yy dl dd{width:546px;position:relative;box-sizing: border-box; float: left;padding-top:25px;}
.yy dl dd h2{margin-bottom: 15px;background: url(../image/yy_line.png) no-repeat left bottom; font-size: 36px;color: #21499b;text-align: left; font-weight: bold; line-height: 50px;padding-bottom: 20px;}
.yy dl dd h2 em {display: block;font-weight: normal;font-size:20px;color: #313131;}
.yy dl dd p{font-size: 16px; color: #3a3a3a; line-height: 31px;text-align: justify; display: block;height:108px;}
.yy dl dd span{display: block;height:93px;}
.yy dl dd span em{width:93px;height:93px;float: left;margin-right: 15px;}
.yy dl dd span .qm{position: relative;width:165px;height:32px; line-height: 32px; margin-top:40px; font-size: 16px;color: #3a3a3a;text-align: left;padding-left:36px;}
.yy dl dd span .qm::before{content: "";position: absolute;width: 33px;height: 1px;background:#3a3a3a;left:0;top:15px;}
.yy dl dd span .qm img{width: 68px;height:32px; position: absolute;right:0;bottom:0;}
.yy dl dt{width:600px;height:374px; position: relative; float: right;}
.yy dl dt li{width:600px;height:374px;display: block; float: left; overflow: hidden;}
.yy dl dt li img{width: 100%;display: block;}
.yy dl dt h5{width:80px; position: absolute;right: 2px;bottom: 20px;}
.yy dl dt h5 em{display: block; float: left;width: 12px;height: 12px;border-radius: 100%;background:#fff;margin-right: 8px;}
.yy dl dt h5 em.on{background: #002f7c;}

.m_zz{width: 1200px; background:#21499b;height: 148px; position: absolute;left:0;bottom:-148px;box-shadow: 5px 6px 15px #d5d5d5; z-index: 1;}
.m_zz li{ width:300px;height: 148px; box-sizing: border-box; overflow: hidden;padding-top:25px; float: left; text-align: center;position: relative;}
.m_zz li::before{content: "";position: absolute;width: 1px;height: 96px;background:#fff;right:0;top:25px;}
.m_zz li em{margin-left:0px;display: block; position: relative;height: 65px;}
.m_zz li em b{ margin-left:0px;font-size:72px; color: #fff;font-weight: normal;line-height: 65px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.m_zz li em i{ font-size:22px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 25px;width:50px; height: 25px;display: block;font-family: "Arial";position: absolute;top:5px; right:60px; }
.m_zz li h3{font-size: 18px; color: #fff; text-align: center; font-weight: normal;line-height: 30px;}
.m_zz li:nth-child(1){padding-left:0;}
.m_zz li:nth-child(2) em i{right:35px;}
.m_zz li:nth-child(4) em i{right:35px;}
.m_zz li:nth-child(4)::before{width:0;}

.m_zz li:hover,.m_zz li:hover::before{color:#fff;}
.m_zz li:hover em b,.m_zz li:hover em i,.m_zz li:hover h3{color: #fff;}


/**/
.probj{height: auto;overflow: hidden; padding-top:60px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.probj h2{margin-bottom:32px;}
/*pro*/
.cpbg{
  background: url(../image/cpbg.jpg) bottom center no-repeat;
}
.pro {
  padding: 0px;
  height: 1000px;
}
/* .pro h2{margin-bottom: 50px;} */
.pro_con{height: 493px;}
.pro_con ul{float: left;width: 942px;}
.pro_con li{float: left;height: 493px;position: relative;margin-right: 1px;width: 70px;overflow: hidden;transition: all 0.5s;}
.pro_con li img{width: 657px;height: 493px;}
.pro_con li h3{position: absolute;right: 0;top: 0;width: 70px;font-weight: normal;font-size: 18px;color: #fff;line-height: 22px;text-align: center;background: rgba(0,0,0,0.7);}
.pro_con li h3 a{display: block;padding: 130px 20px 0;height: 363px;color: #fff;background: url(../image/pro_jt1.png) no-repeat center 340px;}
.pro_con li.on{width: 657px;}
.pro_con li.on h3{background: rgba(226,53,53,0.9);font-weight: bold;}
.pro_bd{float: left;width: 258px;height: 493px;background: #fff;}
.pro_det{padding: 116px 30px 0;height: 377px;}
.pro_det h3{font-size: 16px;color: #333;font-weight: normal;line-height: 16px;height: 50px;position: relative;margin-bottom: 22px;}
.pro_det h3:after{position: absolute;width: 28px;height: 2px;content: "";background: #004098;left: 0;bottom: 0;}
.pro_det p{font-size: 14px;color: #666;line-height: 26px;height: 170px;}
.pro_det .more{display: block;width: 86px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;font-family: Arial;background: #333;border-radius: 15px;}
.pro_list{margin-top: 42px;position: relative;}
.pro_list h3{height: 28px;line-height: 28px;font-weight: normal;margin-bottom: 28px;position: relative;}
.pro_list h3:after{position: absolute;width: 832px;height: 1px;background: #dedede;content: "";right: 130px;top: 13px;}
.pro_list h3 b{float: left;font-size: 18px;color: #333;background: url(../image/pro_jt.png) no-repeat right center;padding-right: 38px;}
.pro_list h3 i{float: right;font-size: 14px;color: #666;text-transform: uppercase;}
.pro_list li{float: left;width: 288px;margin-right: 16px;}
.pro_list li i{display: block;height: 214px;border: 1px solid transparent;overflow:hidden;}
.pro_list li img{width: 286px;height: 214px;transition: all 0.5s;}
.pro_list li h4 a{display: block;height: 54px;line-height: 54px;text-align: center;font-size: 14px;font-weight: normal;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list li:hover i{border-color: #004098;}
.pro_list li:hover img{transform: scale(1.05);}
.pro_list .prev{position: absolute;left: -70px;top: 142px;}
.pro_list .next{position: absolute;right: -70px;top: 142px;}
.product-menu {
  float: left;
  width: 270px;
  margin-top: 20px;
  border: #e1e1e1 solid 1px;
}

.product-menu .tit {
  padding: 12px 35px 2px 40px;
  color: #fff;
  background: #222222;
  line-height: 32px;
}

.product-menu h2 {
  font-size: 26px;
  font-weight: normal;
}
.product-menu p {
  font-size: 15px;
  font-family: Arial;
}
.product-menu dl {
  border-top: none;
  background: #fff;
  overflow: hidden;
  padding-bottom: 5.5px;
}
.product-menu dt {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #004098;
}
.product-menu dt a {
  color: #fff;
  font-size: 19px;
}
.product-menu dt i {
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 14px;
  width: 24px;
  height: 24px;
}
.product-menu dt span {
  display: block;
  overflow: hidden;
}
.product-menu dt, .product-menu dd {
  padding: 0 30px 0 30px;
  height: 42px;
  line-height: 44px;
  font-size: 16px;
}
.product-menu dd a {
  display: block;
  color: #111;
  background: url(../image/menu_dd.png) no-repeat right center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  padding-right: 22px;
}
.product-list {
  float: right;
  width: 928px;
  margin-top: 20px;
}
.product-list li {
  float: left;
  width: 293px;
  height: 290px;
  overflow: hidden;
  background: #fff;
  border: #e1e1e1 solid 1px;
  margin-left: 14px;
  margin-bottom: 15px;
}
.product-list li .pic {
  position: relative;
  width: 292px;
  height: 190px;
  overflow: hidden;
}
.product-list li .text {
  position: relative;
  z-index: 333;
  width: 100%;
  text-align: center;
  border-top: 1px solid #eee;
  margin-top: 10px;
}
.product-list li .text span {
  display: block;
  padding: 0 10px;
  color: #333;
  font-size: 18px;
  height: 27px;
  line-height: 27px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 10px;
  margin-bottom: 13px;
}
.product-list li .text p {
  line-height: 22px;
  color: #666666;
  font-size: 13px;
  margin-top: 8px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.product-list li .text a {
  display: inline-block;
  margin-top: 9px;
  padding: 0 50px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  border: #e1e1e1 solid 1px;
  border-radius: 20px;
}
.product-menu dd:hover {
  color: #fff;
  background: #004098;
}
.product-menu dd:hover a {
  color: #fff;
}
.product-menu .contact {
  height: 132px;
  border-top: 1px solid #e5e5e5;
  background: linear-gradient(to right, #0579c6 , #004ba8);
}
.product-menu .contact img{
  padding: 18px 55px;
}
.product-menu .contact p{
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.product-list li .text a:hover {
  color: #fff;
  background: #004098;
  border-color: #004098;
}
.product-menu .contact i{
margin-top: 14px;
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
  }
  .product-menu .contact b{
    padding-left: 14px;
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-family: Impact;
    font-weight: normal;
    color: #fff;
    text-align: center;
      }

/**/
.cpysbj{height:700px;overflow: hidden; background:url(../image/xggbg.jpg) no-repeat center top; padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.cpys{width:1370px;margin:0 auto;}
.cpys_l{width:425px;float: left;}
.cpys_l h3{font-weight: bold;font-size: 40px;color: #ffffff;margin-bottom: 68px;}
.cpys_l h3 b{display: block;font-size: 48px;}
.cpys_l h3 span{    width: 305px;
  font-weight: normal;
  font-size: 28px;
  color: #2d7dff;
  margin-top: 15px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: block;}
.cpys_l p{ font-size: 18px;color: #ffffff; line-height: 36px;text-align: left;}
.cpys_l p b{ font-size: 36px;color: #ffffff;font-weight: bold;display: block;}
.cpys_l p a{width:155px;line-height:39px;height:39px;border:1px solid #fff;color: #fff; font-size: 16px;font-weight: lighter;display: block;text-align: center;margin-top: 15px;;}


.cpys_r{width:866px;float: right;}
.cpys_r dl{width: 287px;height:254px;padding:48px 30px 0; border:1px solid rgba(255, 255, 255, 0.22);margin-left:-1px;margin-top:-1px;float: left;box-sizing: border-box;}
.cpys_r dl dt{width:95px;height:95px;line-height: 95px;text-align: center; position: relative;margin:0 auto;}
.cpys_r dl dt b{font-size: 34px;color: #0e57d4;background-image: -webkit-gradient(linear,left 0, right 0, from(#0e28c5), to(#0e8fe7));-webkit-background-clip: text;-webkit-text-fill-color: transparent; display: block;position: relative;z-index: 1;}
.cpys_r dl dt::before{content:""; position: absolute;left:7px;top:7px;width:80px;height:80px;background: url(../image/cpysico1.png) no-repeat center center;}
.cpys_r dl dd{text-align: center;}
.cpys_r dl dd h4{line-height: 42px;font-size: 22px;font-weight: bold;color: #fff;}
.cpys_r dl dd p{font-size: 14px;color: #333333;line-height: 24px;text-align: center;opacity: 0;}

.cpys_r dl.cur{background: #fff;padding-top:25px;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.cpys_r dl.cur dt::before{content:""; position: absolute;left:0;top:0;width:95px;height:95px;background: url(../image/cpysico2.png) no-repeat center center;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.cpys_r dl.cur dd h4{color: #000;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.cpys_r dl.cur dd  p{opacity: 1;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
@media screen and (max-width:1371px) {
  .cpys{width: 1200px;}
  .cpys_l{width:330px;}
  .cpys_l h3{font-size: 28px;}
  .cpys_l h3 b{font-size: 36px;}
  .cpys_l h3 span{font-size: 24px;}
}

/**/
.ysbj{ height: 930px; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;padding-top: 65px;}
.ysbj h2{margin-bottom: 25px;}
.ys{position:relative;width:100%;height:700px;margin:0 auto;}
.ys_nr{height:700px;}
.ys_nr dl{  position:relative;width:100%;}
.ys_nr dt{ width:100%; height:700px; position: relative;overflow: hidden;}
.ys_nr dt::before{content:""; position: absolute;left:0;bottom:0;width:100%;height:150px;background:rgba(0, 0, 0, 0.7);z-index: 2;}
.ys_nr dt img{ display:block;width:1920px;height:700px;margin:0 auto; }
.ys_nr dd{width:1200px;margin:-356px auto 0;box-sizing: border-box;height:356px;position: relative;z-index: 4;}
.ys_nr dd h4{display: block;width:286px;height:356px;background: url(../image/ysh3bg.jpg) no-repeat; float: left;font-size: 32px;color: #000000;font-weight: bold;padding:30px 10px 0 27px;box-sizing: border-box;}
.ys_nr dd h4 em{ display: block;font-size: 12px;color: #999999;text-transform: uppercase; font-weight: normal;}
.ys_nr dd h4 span{display: block;margin-top:70px; font-size: 20px;color: #fff;line-height: 37px;}
.ys_nr dd .desc{width:750px; float: right;margin-top:240px;}
.ys_nr dd p{font:16px "Microsoft YaHei"; line-height:34px; position:relative; color:#ffffff; text-align: left;}
.ys_nr dd .ys_btn{display: block;width: 115px;height:49px;line-height: 49px;text-align: center;color: #fff;font-size: 16px;background: #21499b;float: right;margin-top:250px;}
.ys_nav{width:122px;position: absolute;left:50%;margin-left: -520px;bottom: 50px;z-index: 5; }
.ys_nav li{width: 14px;height:14px;background:#ffffff; float: left;margin-right: 12px;border-radius: 100%;}
.ys_nav li.cur{background: #00b8f4;}
.ys_l{height:32px;width:32px;background:url(../image/ys_l.png) no-repeat;position: absolute;left:50%;margin-left: -570px;bottom: 42px;z-index: 5; }
.ys_r{height:32px;width:32px;background:url(../image/ys_r.png) no-repeat;position: absolute;left:50%;margin-left: -405px;bottom: 42px;z-index: 5; }

.ys dl img{-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.ys dl:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);} 


/**/
.casebj{height:882px;overflow: hidden; background:#fff;padding-top:65px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.casebj h2{margin-bottom: 32px;}
.case{position: relative;height:630px; width:1200px;margin:0 auto;}
.casetit{width:1200px;margin:0 auto 15px;height: 100px;background:#f5f5f5;}
.case_nav{width:1200px;height: 100px;}
.case_nav li{ height: 100px;box-sizing: border-box; font-size:18px; color: #000000;text-align: center;position: relative; -webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;float: left;width:200px;}
.case_nav li::before{content:""; position: absolute;right:0px;top:27px;width:1px;height:61px;background:#bfbfbf;}
.case_nav li em{display: block;width: 43px; height: 43px;margin: 15px auto 5px; overflow: hidden; position: relative;}
.case_nav li em img{height:43px; display: block;position: absolute;left:0;top:0;}
.case_nav li a{color: #000000; text-decoration: none; }
.case_nav li.cur,.case_nav li:hover{background: #21499b;font-weight: bold;color:#fff;}
.case_nav li.cur a,.case_nav li:hover a{color:#fff; }
.case_nav li.cur::before,.case_nav li:hover::before{width:0; }
.case_nav li.cur em img,.case_nav li:hover em img{left:-43px;}
.case_nav span{ height: 100px;box-sizing: border-box; font-size:18px; color: #000000;text-align: center;position: relative; -webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;float: left;width:200px;display: block;}
.case_nav span em{display: block;width: 43px; height: 43px;margin: 15px auto 5px; overflow: hidden; position: relative;}
.case_nav span em img{height:43px; display: block;position: absolute;left:0;top:0;}
.case_nav span a{color: #000000; text-decoration: none; }
.case_nav span.cur,.case_nav span:hover{background: #21499b;font-weight: bold;color:#fff;}
.case_nav span.cur a,.case_nav span:hover a{color:#fff;}
.case_nav span.cur em img,.case_nav span:hover em img{left:-43px;}

.carousel-container{width: 1200px;margin:0 auto;}
#carousel {height:520px;width:1200px;position:relative;font-size:12px;font-family: Arial;}
.carousel-image {border:0;display:block; position: relative;}
.carousel-feature {position:absolute;top:-1000px;left:-1000px;border:0px solid #5d5d5d;cursor:pointer;}
.carousel-feature a{display:block;position:relative;width:100%;}
.carousel-feature a::after{content:""; position: absolute;left:0; right:0px;top:0;bottom:0;width:100%;height:100%;background-size: 100% 100%;opacity: 0.8;}
.carousel-feature .carousel-caption {position:absolute;bottom:0;width:901px;left:0;height:52px;line-height: 52px; background:rgba(33, 73, 155, 0.9);z-index: 5;}
.carousel-feature .carousel-caption h4{font-size: 20px; color: #ffffff;font-weight: normal;float: left;padding-left:25px;}
.carousel-feature .carousel-caption span { margin:0;font-size:14px;color:#fff; float: right; text-align: right;padding-right: 25px;}
.tracker-summation-container {position:absolute;color:white;right:48px;top:230px;padding:3px;margin:3px;background-color:#000;}
.tracker-individual-container { position:absolute;color:white;left:50%;top:420px; padding:0; margin:0 0 0 -39px;}
.tracker-individual-container li {list-style:none; }
.tracker-individual-container .tracker-individual-blip {margin:0 7px;text-align:center;width: 12px;height: 12px;border-radius: 100%;font-size: 0;background: #8b8f94;}
.tracker-individual-container .tracker-individual-blip-selected {color:white; font-weight:bold;background-color:#00418a;}

#carousel-left {position:absolute;bottom:208px; left:-115px;cursor:pointer; background:url(../image/case_l.png) no-repeat;width:100px;height:100px;z-index: 5;}
#carousel-right {position:absolute; bottom:208px;right:-115px; cursor:pointer;background:url(../image/case_r.png) no-repeat;width:100px;height:100px;z-index: 5;}
.tracker-summation-container{display: none;}


/**/
.hzbj{height: 639px;overflow: hidden; background:url(../image/hzbg.jpg) no-repeat center top;padding-top:65px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.hzbj h2{color: #fff;margin-bottom: 27px; font-size:44px;}
.hzbj h2 a{color: #fff;}
.hzbj h2 em{color: rgba(255, 255, 255, 0.5);}
.hzbj h2 p{background:url(../image/titbg2.png) no-repeat center top;color: #fff;}

.hz{width:1116px;margin:0px auto;height:318px;position: relative;}
.hz li{width:156px;height:180px;position: absolute;}
.hz li:nth-child(-n+8) img{width:150px;height:75px; display: block;margin:0 auto;}
.hz li:nth-child(n+9) img{width:156px;height:180px; display: block;margin:0 auto;}
.hz li:nth-child(1){left:160px;top:94px;}
.hz li:nth-child(2){left:320px;top:94px;}
.hz li:nth-child(3){left:640px;top:94px;}
.hz li:nth-child(4){left:960px;top:94px;}
.hz li:nth-child(5){left:79px;top:232px;}
.hz li:nth-child(6){left:399px;top:232px;}
.hz li:nth-child(7){left:720px;top:232px;}
.hz li:nth-child(8){left:881px;top:232px;}
.hz li:nth-child(9){left:0;top:42px;}
.hz li:nth-child(10){left:480px;top:42px;}
.hz li:nth-child(11){left:800px;top:42px;}
.hz li:nth-child(12){left:239px;top:180px;}
.hz li:nth-child(13){left:560px;top:180px;}

/**/
.lcbj{height: 760px;overflow: hidden;padding-top:130px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.lcbj h2{margin-bottom: 27px;}
.lcbj h2 em{color: #b2b2b2;}
.lc{width:1200px;margin:0px auto;height:318px;position: relative;}
.lc dl{  position:relative;width:380px; float: left;margin-right: 28px;}
.lc dt{ width:100%; height:260px; position: relative;overflow: hidden;}
.lc dt img{ display:block;width:380px;height:260px;}
.lc dt em{display: block;width:96px;height:42px;line-height: 42px;text-align: center; font-size:25px;color: #fff;background:#21499b;position: absolute;left:50%;bottom:0;
  margin-left:-48px; font-weight: bold;}
.lc dd{width:380px;border:1px solid #e9e9e9;padding:0 22px 23px;box-sizing: border-box;background:#fff;}
.lc dd h4{font-size:24px;color: #21499b;font-weight: bold;height:59px;line-height: 59px;border-bottom: 1px solid #dfdfdf;text-align: center;margin-bottom: 12px;}
.lc dd p{font:16px "Microsoft YaHei"; line-height:24px; position:relative; color:#000000; text-align: justify;margin-bottom: 15px;;}
.lc dd p b{font-weight: bold;}
.lc dd h5{height:51px;line-height: 51px;background:#21499b; font-size:18px;font-weight: bold;color: #fff;text-align: center;}
.lc dd h5 span{padding-right:30px;background:url(../image/4331315524db4408a6583994f8b4d516_140.gif) no-repeat right center;color: #fff;}
.lc dl:last-child{margin-right: 0;}
.lc dl img,.lc dl dd h5{-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.lc dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.lc dl:hover dd h5{transform: translateY(-3px);}


/**/
.nswsbj{ height:915px; box-sizing: border-box; background:#fff; padding-top:60px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{margin-bottom:33px;}
.nswsbj dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.nswsbj dt a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.news{width:564px;float: left;position: relative;}
.news h5{width:120px;position: absolute;left:250px;top: 386px;z-index:5; }
.news h5 em{width: 14px;height:14px;background:#ffffff; float: left;margin-right: 22px;border-radius: 100%;}
.news h5 em.cur{background: #0e45ce;}
.news_c dl{width:564px; overflow: hidden;background: #21499b;box-sizing: border-box;border-radius: 6px;}
.news_c dt,.news_c dt img{width:564px;height:422px; position: relative; overflow: hidden;}
.news_c dd {height:174px;padding:33px 24px 0 33px;box-sizing: border-box;}
.news_c dd h4{height: 36px;line-height: 36px; font-size: 20px;color: #ffffff; font-weight: normal;margin-bottom: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_c dd h4 a{color: #ffffff;}
.news_c dd p{font-size: 16px;color:rgba(255, 255, 255, 0.6); line-height: 24px;text-align: justify;}


.news_r{width:600px;font-family:"Microsoft Yahei"; float: right;position: relative;}
.news_r .newstit{height:72px;margin-bottom: 20px;position: relative;}
.news_r .newstit::before{content:""; position: absolute;left:0px;bottom:0;width:100%;height:2px;background:#e1e1e1;}
.news_r .newstit a{font-size: 22px;color:#333333;text-align: center;margin-right: 85px;display: block;float: left;height: 72px;padding-top:12px;box-sizing: border-box;     position: relative;}
/*.news_r .newstit a::before{content:""; position: absolute;right:-30px;top:23px;width:11px;height:6px;background:url(../images/newsico1.png) no-repeat; opacity: 0;}*/
.news_r .newstit a::after{content:""; position: absolute;left:50%;bottom:0;margin-left:-5px; border-bottom:6px solid #002d73;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);opacity: 0;}
.news_r .newstit a:nth-child(2):before{right:10px}
.news_r .newstit i{display: block;font-size: 10px;color:#cecece; font-weight: normal;}
.news_r .newstit a:last-child{margin-right: 0;}
.news_r .newstit a.cur{color: #002d73;font-weight: bold;border-bottom: 2px solid #002d73;}
.news_r .newstit a.cur::before,.news_r .newstit a.cur::after{opacity: 1;}
.news_nr{width:600px;font-family:"Microsoft Yahei";}
.news_nr dl{padding-bottom: 22px;border-bottom: 1px dashed #e1e1e1; overflow: hidden;margin-bottom: 10px;}
.news_nr dd{width:600px; overflow: hidden;box-sizing: border-box;  }
.news_nr dd h3{font-size: 18px;height:36px; line-height:36px;color:#000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.news_nr dd h3 a{color: #000;}
.news_nr dd p{overflow: hidden;font-size: 16px; line-height: 34px; color:#333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_nr dd h3 a:hover{color: #002d73;text-decoration: underline;}



/**/
.aboutbj{background:url(../image/abtbg.jpg) no-repeat center;height:736px;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-top:222px;}
.about{width:1200px;margin:0 auto;position: relative; }
.about dl dd{width: 560px;float:right;}
.about dl dd h3{font-size: 32px;margin-bottom: 30px;}
.about dl dd h3 a{color:#333333;}
.about dl dd h3 span{display: block; font-size: 26px;color:#21499b; font-weight: bold;}
.about dl dd p{color: #333333;font-size: 16px; height: 150px;line-height: 24px; text-align: justify;}
.abt_btn{display: block;width:124px;height:38px;line-height: 38px;text-align: center;font-size:14px;color: #fff;background: #21499b;}

/**/
.help_cut{height:332px;width: 1200px;margin:30px auto 10px;background: #fff;position: relative;}
.help_cut a{text-decoration: none;}
.help_nav{ height: 50px; clear: both;width: 1200px;margin-bottom: 25px;border-bottom:2px solid #e5e5e5;}
.help_nav span{display: block;width:124px;height:38px;line-height: 38px;background:#002f7c;;color: #fff;font-size: 14px;text-align: center;float: right;margin-top:12px;}
.help_nav span a{color: #fff;}
.help_nav ul{width: 1200px;height: 50px;}
.help_nav li{ height: 50px;line-height: 50px; margin-right: 40px;font-size:20px; font-weight: normal; color: #333333;text-align: center;float: left; box-sizing: border-box;position: relative;}
.help_nav li a{color: #333333; text-decoration: none; }
.help_nav li::before{content:'';position:absolute;height:14px;width:2px;background:url(../image/xcxt.png) no-repeat;top:22px;right:-20px;}
.help_nav li:after{content:'';position:absolute;height:2px;width:0;background:#1d3893;bottom:-2px;left:0; -webkit-transition:width .5s;transition:width .5s;color: #333333; z-index: 1;}
.help_nav li:last-child:before{width:0;}


.help_nav li.cur a{color: #333333; font-weight: bold;}
.help_nav li.cur::after{width:100%;}


.m_help{ height:265px;width: 1200px; position: relative; }
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:267px;height:200px; position:relative;margin-right:44px; float: left; overflow: hidden;}
.xc li img{ display:block;width:267px; height:200px;border:1px solid #eee; box-sizing:border-box;}
.xc li em{height: 32px;font:14px "Microsoft YaHei"; line-height:32px; color:#ffffff; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;position: absolute;left:0;bottom:-32px;background:rgba(0, 0, 0, 0.5);}
.xc li a{ text-decoration: none; }
.xc li:hover em{bottom:0;}
.xc li img,.xc li em{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xc li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}


/**/
.link_bj{min-height:60px; overflow: hidden;background:#222222;border-top:1px solid #323232;padding-top:20px;box-sizing: border-box; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:12px ;font-weight:normal; text-transform: uppercase; width: 65px; float: left;height: 26px; line-height: 26px;color: rgba(166, 164, 161, 0.5);}
.link p{  width: 950px; float: left; font-size: 14px;overflow: hidden; line-height: 26px; color: rgba(166, 164, 161, 0.5);}
.link p a{ color: rgba(166, 164, 161, 0.5);; font-size: 14px; padding: 0 15px; text-align: center; }



@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}